<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>velocity.js弹出式相框</title>
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery.js"></script>
	<script src="js/velocity.min.js"></script>
	<script src="js/velocity.ui.min.js"></script>
	<script src="js/index.js"></script>
</head>
<body>
	<!-- <div id="div1" class="box"></div>
	<div id="div2" class="box"></div>
	<div id="div3" class="box"></div> -->

	<div class="container">
		<div class="box">
			<img src="imgs/back.jpg" alt="" />
			<img class="buddy" src="imgs/head.jpg" alt="" />
			<div class="inner">
				<h3>慕课网</h3>
				<span>慕课网,只学有用的</span>
				<div class="btn">查看课程</div>
			</div>
		</div>

		<div class="pop">
			<div class="close">&times;</div>
			<h3>慕课网</h3>
			<span>慕课网,只学有用的</span>
			<img src="imgs/pic1.jpg" alt="" />
			<img src="imgs/pic2.jpg" alt="" />
			<img src="imgs/pic3.jpg" alt="" />
			<img src="imgs/pic4.jpg" alt="" />
		</div>
	</div>
</body>
</html>